<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="StyleSheet" href="/css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
<div id="Content">
    <div th:replace="common/Header :: header"></div>
    <style type="text/css">
        body {
            text-align: center
        }
        table {
            width: 700px;
            padding: 0;
            margin: 0 auto;
        }
    </style>
    <form action="/account/modifyForm" method="post">
        <h3>Account Information</h3>

        <table class="imagetable">
            <tr>
                <td>First name:</td>
                <td ><input type="text" th:value="${session.loginUser.firstName}"  disabled/></td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td  ><input type="text" th:value="${session.loginUser.lastName}" disabled/></td>
            </tr>
            <tr>
                <td>Email:</td>
                <td ><input type="text"  th:value="${session.loginUser.email}" disabled/></td>
            </tr>
            <tr>
                <td>Phone:</td>
                <td ><input type="text" th:value="${session.loginUser.phone}" disabled/></td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td  ><input type="text" th:value="${session.loginUser.address1}" disabled/></td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td  ><input type="text" th:value="${session.loginUser.address2}"  disabled/></td>
            </tr>
            <tr>
                <td>City:</td>
                <td  ><input type="text"  th:value="${session.loginUser.city}" disabled/></td>
            </tr>
            <tr>
                <td>State:</td>
                <td   ><input type="text"  th:value="${session.loginUser.state}" disabled/></td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td > <input type="text" th:value="${session.loginUser.zip}" disabled/></td>
            </tr>
            <tr>
                <td>Country:</td>
                <td  ><input type="text" th:value="${session.loginUser.country}"  disabled/></td>
            </tr>
        </table>

        <h3>Profile Information</h3>

        <table class="imagetable">
            <tr>
                <td>Language Preference:</td>
                <td th:text="${session.loginUser.languagePreference}">loginUserLanguagePreference</td>

                </td>
            </tr>
            <tr>
                <td>Favourite Category:</td>
                <td th:text="${session.loginUser.favouriteCategoryId}">loginUserFavouriteCategoryId</td>
            </tr>
            <tr>
                <td>Enable MyList</td>
                <td th:text="${session.loginUser.listOption}">loginUserListOption</td>
            </tr>
            <tr>
                <td>Enable MyBanner</td>
                <td th:text="${session.loginUser.bannerOption}"></td>
            </tr>
            <tr th:if ="${session.loginUser.username}">
                <td colspan="2">
                    <input type="submit" value="MODIFY YOUR ACCOUNT">
                </td>
            </tr>
            <tr th:if ="${session.loginUser.username}">
                <td colspan="2">
                    <a th:href="@{/order/ListOrders}">My Order </a>
                </td>
            </tr>
        </table>
    </form>
    <div th:replace="common/Footer :: footer"></div>
</div>
</body>
</html>